<template>
  <view class="box">
    <view class="box1" @click="back">
      <uv-icon name="arrow-left" color="#fff"></uv-icon>
      <view class="box11">会员中心</view>
    </view>
    <view class="box2">
      <view class="box21">
        <view class="box21-left">
          <view class="leftfont1">当前等级</view>
          <view class="leftfont2">铲屎平民</view>
        </view>
        <view class="box21-bottom">
          <image src="/static/image/wg.png" mode=""></image>
        </view>
      </view>
      <view class="box22">
        <uv-line-progress :showText="false" :percentage="30" activeColor="#74452e"></uv-line-progress>
      </view>
      <view class="box23">
        <view>当前爪印0</view>
        <view>距离下一等级还差50爪印</view>
      </view>
      <view class="box24">
        <view class="box24box" v-for="item in 4">
          <view class="">
            <image src="../../static/image/wei.png" mode=""></image>
          </view>
          <view class="">0</view>
        </view>
      </view>
    </view>
    <view class="box3">
      <view class="box3font">权益介绍</view>
      <view class="">后台编辑说明后台编辑说明后台编辑说明后台编辑说明后台编辑说明后台编辑说明后台编辑说明后台编辑说明后台编辑说明</view>
    </view>
  </view>
</template>

<script setup>
  import {
    ref
  } from "vue";
  const back = (() => {
    uni.navigateBack({
      delta: 1, // 返回1个，如果是2，返回2个页面
    });
  })
</script>

<style lang="scss">
  @import url("huiyuanzx.scss");
</style>
